<template>
	<div class="overqx">
		<div class="link" v-for="(item,index) in xqdata" :key="index">
			<div class="link-left">
				<img :src="item.imgSrc"/>
			</div>
			<div class="link-right">
				<div>{{item.title}}</div>
				<div>{{item.guige}}  {{item.daxiao}}m²</div>
				<div>{{item.type}}</div>
				<div>约{{item.price}}万元</div>
			</div>
		</div>
	</div>
</template>
	
<script>
	export default{
		name:'overqx',
		props:["xqdata"],
		data() {
			return {
		
			}
		}
	}
</script>

<style scoped>
	.link{
		width: 6.55rem;
		height: 1.77rem;
		display: flex;
		justify-content: space-between;
		margin-top: 0.8rem;
	}
	.link-left{
		width: 2.33rem;
		height: 100%;
	}
	.link-left>img{
		width: 2.33rem;
		height: 1.77rem;
	}
	.link-right{
		width: 3.9rem;
		height: 100%;
	}
	.link-right>div:nth-of-type(1){
		font-weight: bold;
		font-size: 0.35rem;
		color: black;
	}
	.link-right>div:nth-of-type(2){
		color: black;
	}
	.link-right>div:nth-of-type(3){
		font-size: 0.25rem ;
	}
	.link-right>div:nth-of-type(4){
		color: #e76048;
		font-weight: bold;
	}
	
</style>
